<template>
  <div>
    <h2>学生列表</h2>
    <ul>
        <li v-for="item in stus" :key="item.name">{{item.name}}</li>
    </ul>
    <h2>女生列表</h2>
    <ul>
        <li v-for="item in girls" :key="item.name">{{item.name}}</li>
    </ul>
  </div>
</template>

<script lang="ts" setup>
    import {useStore,mapGetters} from "vuex"
    let store = useStore();

    let stus = store.state.stus;

    let girls = store.getters.getGirls;

</script>

<style>

</style>